<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<html lang="ko">
	<head>
		<style>
		
table {
	display: table;
	border-collapse: collapse;
}

body, table, input, textarea {
	font-family: cat;
	font-size: 20px;
}

a {
	text-decoration: none;
}

textarea {
	resize: none;
}

@font-face {
	font-family: cat;
	src: url('whitecat.eot'); /* IE9 호환성 보기 */
	src: url('whitecat.eot?iefix') format('eot'), /* IE6-IE8 */  
		 url('whitecat.woff') format('woff'), /* Modern Browsers */  
		 url('resources/whitecat.ttf') format('truetype');
	/* Safari, android, iOS */;
}
</style>
		<script type="text/javascript" src="/resources/js/jquery-1.10.2.js"></script>
<script>
$(document).ready(function() {
    //add more file components if Add is clicked
    $('#addFile').click(function() {
        var fileIndex = $('#fileview tr').children().length;      
        $('#fileview').append(
                '<tr><td>'+
                '   <input type="file" name="file" />'+
                '</td></tr>');
    });     
});
</script>
		<title>게시글 수정 화면</title>
		<meta charset="utf-8">
	</head>
	<body>
	<jsp:include page="../main_header.jsp"></jsp:include>
	<div id="container">
		<form action="ReviewUpdate" method="post"  enctype="multipart/form-data">
			<input type="hidden" name="posts_no" value="${BOARD.posts_no}">
			<div align="center" class="body">
				<h2>게시글 수정 화면</h2>
				<table>
					<tr height="40px">
						<td>제목</td>
						<td><input type="text" name="posts_title" value="${BOARD.posts_title}"  style="width: 300px; "></td>
						<td></td>
					</tr>
					<tr height="40px">
						<td>작성자</td>
						<td><input type="text" name="posts_Author" value="${BOARD.posts_Author}" style="width: 300px; ">&nbsp;님</td>
						<td></td>
					</tr>
					<!-- <tr height="40px">
					<td>비밀번호</td>
					<td><input type="password" name="posts_password" maxlength="4" placeholder="4글자"></td>
					<td></td>
				</tr> -->
					<tr height="40px">
						<td>내용</td>
						<td ><input type="text" name="posts_contents"  height="150" value="${BOARD.posts_contents}" style="height: 400px; width: 411px"></td>
						<td></td>
					</tr>
					
					<tr><input id="addFile" type="button" value="File Add" />    
    <table id="fileview" style="width: 174px; height: 65px">
        <tr>
            <td  style="height: 48px; width: 156px; "><input name="file" type="file"  style="height: 30px; width: 158px; " /></td>
        </tr>        
    </table>				
									
									
							</tr>
				</table>
				<br>
				<input type="submit" value="업데이트">
				<input type="reset" value="리셋">
				
				<br>
				<a href="detail?posts_no=${BOARD.posts_no}">돌아가기</a>
			</div>	
		</form>
		</div>
		<div><jsp:include page="../main_bottom.jsp"></jsp:include></div>
	</body>
</html>
